<template>
  <transition name="el-zoom-in-bottom">
    <div v-if="show" class="tip">
      <a @click="close" class="tipClose">
        ×
      </a>
      <div class="tipHeader" align='center'>
        <div class="header-date">{{date[0]}}<br>{{date[1]}}</div>
      </div>
      <br>
      <div class="tipBody">
        <span class="tipBodyFont" v-html="content">
        </span>
      </div>
      <div class="tipFooter">
        <template>
             <el-button type="info"  @click="close">关闭</el-button>
          <el-button type="primary" style="margin-left:15%;" @click="routertip">确认</el-button>
         
        </template>
      </div>
    </div>
  </transition>
</template>

<script>
import { formatDate,getTime } from '@/utils/dateFormat'
import crudMoney from '@/api/money'
export default {
  data() {
    return {
      show: false,
      content:'',
      date: [],
      tip: null,
      getListMonth:'',
      nowMonth:''
    }
  },
  methods: {
    init(){
      crudMoney.getNewCreateTime().then(res=>{    
       if(res){
        this.show=false
      }else{
        this.showTip()
      }
     })
    this.date = formatDate(new Date(), 'yyyy年MM月dd日 hh时mm分').split(' ')
    this.content = '请添加最新的资产信息'

    },
    showTip(){
        this.show=true
    },
    close() {
      this.show = false
    },
    routertip(){
     this.$router.push({path:'/daily/money',query: {name: "银行卡"}})
    //  this.$router.push({path:'/map/point'})
    }

  }
}
</script>
<style>
    .tip{
      width: 280px;
      height: 150px;
      font-family: 'Courier New', Courier, monospace;
      border: 2px solid rgb(243, 243, 243);
      border-radius: 5%;
      position: fixed;
      bottom: 32px;
      right: 0px;
      z-index: 100; 
      background-color: #ffffff;
    }
    .tipHeader{
      width: 100%;
      height: 35%;
      font-size: 30px;
      color: rgb(248, 15, 15);
      padding-left: 65px;
      padding-top: 5px;
      line-height: 100%;
      white-space: pre-wrap;
      float: left;
      user-select: none;
    }
    .tipBody{
      margin-top:15px;
      height:40%;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 3px;
      float: left;
      width: 95%;
      /* text-align: center; */
    }
    .tipBodyFont{
      width: 100%;
      height:80%;
      margin-left: 50px;
      bottom: 25px;
      font-size: 18px;
      word-break: break-all;
      font-weight: 550;
      color: #001a33;
      font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }
    .tipFooter{
      height:20%;
      padding:auto;
      margin-left:25%;
      
    }

    .tipClose{
      font-size: 25px;
      position: absolute;
      right: 10px;
      top:5px;
      color: rgb(163, 163, 163);
      font-family: cursive;
      user-select: none;  
    }

    .header-date{
      width: 70%;
      height: 95%;
      float:left;
      font-size: 20px;
      line-height: 120%;
      color: #22ac1d;
      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }
</style>